<div style="margin-left:auto;margin-right:auto;width:1000px;height:176px">
		  	<div style="float:left;width:397px"><img src="../images/gibbons-logo.png" width="397" height="66" border="0" alt="GIBBONS MOTOR TOYS" /></div>
			
					  
</div> 
<div style="width:100%;height:9px;background-color:#023668">
			<div style="margin-left:auto;margin-right:auto;width:1000px;position:relative"><div style="position:absolute;top:-34px;left:0">
			
<ul id="topnav" class="mainnav">
		<li><a href="index.php" class="tab1">HOME</a></li> <div style="float:left;display:inline-block;vertical-align:bottom;
.vertical-align:-75%"><img src="../images/nav-divider-line.png" width="2" height="42" border="0" alt="divider" /></div> 
		<li><a href="showcase.php" class="tab2">PRODUCTS</a>
            <div class="sub">
            	<ul>
                	<li><a href="showcase.php">Product Showcase</a></li>
						<!--<ul class="indent">
							<li><a href="#">Email Directory</a></li>
						</ul>-->
					<li><a href="used-equipment-list.php">Pre-Owned Units</a></li>
                    <li><a href="featureditems.php">Featured Products</a></li>
                    <li><a href="trailers.php">Trailers</a></li>
                    </ul>
                </div>
            </li><div style="float:left;display:inline-block;vertical-align:bottom;
.vertical-align:-75%"><img src="../images/nav-divider-line.png" width="2" height="42" border="0" alt="divider" /></div>   

<li><a href="specials.php" class="tab3">SPECIALS</a></li><div style="float:left;display:inline-block;vertical-align:bottom;
.vertical-align:-75%"><img src="../images/nav-divider-line.png" width="2" height="42" border="0" alt="divider" /></div>   
<li><a href="aboutus.php" class="tab4">ABOUT US</a>
            <div class="sub">
            	<ul>
                	<li><a href="aboutus.php">About Gibbons</a></li>
					<li><a href="staff.php">Staff</a></li>
					<li><a href="employment.php">Employment</a></li>
                    <li><a href="map.php">Location Map</a></li>
                    <li><a href="questions_to_ask.php">Questions To Ask</a></li>
                    </ul>
                </div>
            </li> <div style="float:left;display:inline-block;vertical-align:bottom;
.vertical-align:-75%"><img src="../images/nav-divider-line.png" width="2" height="42" border="0" alt="divider" /></div>   
<li><a href="" class="tab5">PARTS &amp; SERVICE</a>
            <div class="sub">
            	<ul>
                	<li><a href="service-request-form.php">Service Request Form</a></li>
                    </ul>
                </div>
            </li> <div style="float:left;display:inline-block;vertical-align:bottom;
.vertical-align:-75%"><img src="../images/nav-divider-line.png" width="2" height="42" border="0" alt="divider" /></div>
<li><a href="" class="tab6">MEDIA ZONE</a>
            <div class="sub">
            	<ul>
                	<li><a href="gallery.php">Gallery</a></li>
					<li><a href="videos.php">Videos</a></li>
                    </ul>
                </div>
            </li> <div style="float:left;display:inline-block;vertical-align:bottom;
.vertical-align:-75%"><img src="../images/nav-divider-line.png" width="2" height="42" border="0" alt="divider" /></div>
<li><a href="../event.php" class="tab7">NEWS &amp; EVENTS</a>
            <div class="sub">
            	<ul>
                	<li><a href="event.php">Upcoming Events</a></li>
					<li><a href="boat-shows.php">2012 Boat Shows</a></li>
                    <li><a href="snowmobileclubinformation.php">Snowmobile Club Info</a></li>
                    </ul>
                </div>
            </li> <div style="float:left;display:inline-block;vertical-align:bottom;
.vertical-align:-75%"><img src="../images/nav-divider-line.png" width="2" height="42" border="0" alt="divider" /></div>
<li><a href="../financing.php" class="tab8">FINANCING</a></li> <div style="float:left;display:inline-block;vertical-align:bottom;
.vertical-align:-75%"><img src="../images/nav-divider-line.png" width="2" height="42" border="0" alt="divider" /></div>
<li><a href="../contactus.php" class="tab9">CONTACT</a></li>
</ul>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="../jquery.hoverIntent.minified.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
	
 
	function megaHoverOver(){
		$(this).find(".sub").stop().fadeTo('fast', 0.92).show();
			
		
	}

	
 	
		
	
	function megaHoverOut(){ 
	  $(this).find(".sub").stop().fadeTo('fast', 0, function() {
		  $(this).hide(); 
	  });
	}
 
 
	var config = {    
		 sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)    
		 interval: 100, // number = milliseconds for onMouseOver polling interval    
		 over: megaHoverOver, // function = onMouseOver callback (REQUIRED)    
		 timeout: 500, // number = milliseconds delay before onMouseOut    
		 out: megaHoverOut // function = onMouseOut callback (REQUIRED)    
	};
 
	$("ul#topnav li .sub").css({'opacity':'0'});
	$("ul#topnav li").hoverIntent(config);
 
 
 
});
 
 
 
</script>
</div></div>
</div>
<div style="width:100%;height:2px;display:block;background-color:#000421"></div>
<div style="width:100%;height:2px;display:block;background-color:#ffffff"></div>